<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <style>
        body{
            background:#fcfdef;
        }
        h2{
            margin-left:50px;
        }
        form{
            margin-left:100px;
            position: relative;
            text-align:center;
        }
        form tr{
            margin:auto;
        }
        form tr td:first-child{
            text-align:right
        }
        form tr td span{
            color:gray;
            font-size:10px
        }
        form .sub{
            color:white;
            font-size:20px;
            background:#b4d76d;
            box-shadow: 1px -1px 2px #000 inset;
            border:2px solid #fff;
            padding:10px 25px;
            letter-spacing:2px;
            position: absolute;
            left:90%;
            margin-top:30px;
        }
        form .image{
            position: absolute;
            left:2%;
        }

    </style>
    <script type="text/javascript" src="./resources/js/form.js"></script>
</head>
<body>

<%@include file="./include/head.jsp"%>
<%@include file="./include/menu_search.jsp"%>

<h2>新用户注册</h2>
<%--Handle-register.jsp--%>
<form action="Handle-register.jsp" id="Myform" method="post" onsubmit="return checkForm();">
    <table>
        <tr>
            <td>邮箱：</td>
            <td><input type="text" id="email" name="email" />
                <span>请输入有效的邮箱地址</span></td>
        </tr>
        <tr>
            <td>用户名：</td>
            <td><input type="text" id="username" name="myName" id="myName" /><span>       字母数字下划线1到10位，不能是数字开头</span></td>
        </tr>
        <tr>
            <td>密码：</td>
            <td><input type="password" id="password" name="myPassword" id="myPassword" /><span>       密码请设置8-16位字符</span></td>
        </tr>
        <tr>
            <td>重复密码：</td>
            <td><input type="password" id="rePassword" id="myPasswordCheck" /><span>       请输入有效的邮箱地址</span></td>
        </tr>
        <tr>
            <td>性别：</td>
            <td><input type="radio" name="gender"/>男 <input type="radio" name="gender"/>女</td>
        </tr>
        <tr>
            <td>联系电话：</td>
            <td><input class="" id="phone" type="input" name="phone" style="width:350px;"/></td>
        </tr>
        <tr>
            <td>个人介绍：</td>
            <td><textarea rows="5" cols="50" name="introduce"></textarea></td>
        </tr>
    </table>
</form>
    <input class="image" type="image" src="./resources/img.png" onclick="submit()" name="submit" id="btn_add" />

<%@include file="./include/foot.jsp"%>
</body>
</html>
